﻿<%@ Page Language="C#" MasterPageFile="~/master.master" %>

<asp:Content ID="Content2" ContentPlaceHolderID="pagetitle" runat="Server">
    jQuery Client plugin
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="pagemaincontent" runat="Server">
    <style type="text/css">
        div#home
        {
            width: 500px;
            margin: auto;
            font-size: 120%;
        }
        #detail li
        {
            margin: 10px;
        }
    </style>
    <div id="home">
        <p>
            Welcome!!!</p>
        <p>
            jQuery Client plugin consists of four plugins</p>
        <ul id="detail">
            <li><a href="http://code.google.com/p/jqueryclient/wiki/doPostback" title="This function can make an asynchronous call to the backend function.">
                Ajax postback</a> </li>
            <li><a href="http://code.google.com/p/jqueryclient/wiki/DataBind" title="Use dataBind function instead of asp:repeater, asp:gridview or any other asp control.">
                Client repeater</a> </li>
            <li><a href="http://code.google.com/p/jqueryclient/wiki/TypeHelper" title="Format, parse, validate data">
                Type helper</a> </li>
            <li><a href="http://code.google.com/p/jqueryclient/wiki/ObjectHelper" title="Get/set data from/to the page ">
                Object helper</a> </li>
        </ul>
        <p>
            Please click <a href="Demo/Default.aspx">here</a> to view the live demonstrations
            or click <a href="Download.aspx">here</a> to dowmload the plugin
        </p>
    </div>
    <link rel="stylesheet" type="text/css" href="css/jquery.qtip.min.css" />
    <script type="text/javascript" src="js/jquery.qtip.min.js"></script>
    <style>
    .ui-tooltip-content
    {
        
    }
    .ui-tooltip, .qtip
    {
        font-size:inherit;
        line-height:inherit;
    }
    
    </style>
    <script type="text/javascript">
        $(function () {
            $('#detail  a').qtip({
//                content: {
//                    text: 'At its ' + at[i],
//                    title: {
//                        text: 'My ' + my[i],
//                        button: true
//                    }
//                },
                position: {
                    my: 'left center', // Use the corner...
                    at: 'right center' // ...and opposite corner
                },
                style: {
                    classes: 'ui-tooltip-dark ui-tooltip-rounded ui-tooltip-shadow'
                }
            });
        });
       
    </script>
</asp:Content>
